﻿<%@ Page Title="View Shift - Delonix Regia"Language="C#" MasterPageFile="~/default.Master" AutoEventWireup="true" CodeBehind="ViewShift.aspx.cs" Inherits="DelonixRegia.ViewShift" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphPageTitle" runat="server">
    View Shift - Delonix Regia
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphTitle" runat="server">
    View Shift
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphSubtitle" runat="server">
    View Staff Shift in Delonix Regia
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="cphMain" runat="server">
    <asp:Panel ID="pnlFirstStep" runat="server">
    <div id="firstStep" class="panel panel-default" style="width: 820px; margin: 0 auto;">
        <div class="panel-heading">
            View Shift
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            </div>
        <div class="panel-body">
            <div class="alert alert-danger" id="errorBox" style="display:none;">
            </div>

            <table class="nav-justified">
                <tr>
                    <td>
                        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                            <ContentTemplate>
                                <asp:Calendar ID="calendarShift" runat="server" Caption="Click on a date on the calendar and the view shift button to view the shift for that day" CellSpacing="2" DayNameFormat="Full" SelectionMode="Day" Width="783px"></asp:Calendar>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </td>    
                </tr>
                <tr>
                    <td class="text-center">
                        <asp:Button ID="btnViewShift" runat="server" Text="View Shift" CssClass="btn btn-default btn-lg" OnClick="btnViewShift_Click" />
                        <br />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </asp:Panel>

    <asp:Panel ID="pnlSecondStep" runat="server" Visible="false">
        <div class="panel panel-default" id="secondStep" style="display:none; width: 935px; margin: 0 auto" aria-busy="True">
        <div class="panel-heading">
            View Shift</div>

        <div class="panel-body">
            <div class="alert alert-danger" id="Div1" style="display: none;">
            </div>

            <table class="nav-justified" style="width: 935px;">
                <tr>
                    <td>
                        <asp:GridView ID="gvShift" runat="server" CssClass="table table-bordered" Width="900px"></asp:GridView>
                    </td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnGoBackPanel2" runat="server" Text="< Go back" CssClass="btn btn-default btn-lg" OnClick="btnGoBackPanel2_Click"/>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </asp:Panel>

    <script type="text/javascript">
        $('#cphMain_calendarShift').click(errorBoxHide);

        function errorBoxHide() {
            $('#errorBox').hide();
        }

        function transitionToFirstStep() {
            $('#firstStep').hide().show('slide', { direction: 'left', easing: 'easeOutQuart', duration: 250 });
        }

        function transitionToSecondStep() {
            $('#secondStep').delay(250).show('slide', { direction: 'right', easing: 'easeOutQuart', duration: 250 });
        }
    </script>

    </asp:Content>
